<%--
  Created by IntelliJ IDEA.
  User: SYHT
  Date: 2017/5/19
  Time: 13:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <jsp:include page="documentForeEnd.jsp"/>
    <link href="${pageContext.request.contextPath}/dist/foreEnd/css/bootstrap.css" rel="stylesheet"/>



</head>
<body>
<header>
    <jsp:include page="headerForeEnd2.jsp"/>
</header>


<!--模板管理-->
<div class="container">


    <!--标签页-->
    <ul id="myTab" class="nav nav-tabs" style="margin-top: 50px">
        <li class="active">
            <a href="#shuttering" data-toggle="tab">模板管理</a>
        </li>
        <li><a href="#apply" data-toggle="tab">申请管理</a></li>
    </ul>



    <div id="myTabContent" class="tab-content">
        <!--模板管理-->
        <div class="tab-pane fade in active" id="shuttering">
            <div class="col-l-12" style="margin-top: 50px">
                <form action="#">
                    <button class="templet_b">增加</button>
                    <input type="text" class="templet" placeholder="模板名称" autocomplete="off"/>
                    <button type="submit" class="templet_s"><span class="fa fa-search" style="color: white"></span></button>
                </form>
            </div>

            <div class="well">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th class="v">编号</th>
                        <th class="vv">模板名称</th>
                        <th class="vv">修改</th>
                        <th class="v">删除</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>出差模板</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-times"></i></a></td>
                    </tr>

                    <tr>
                        <td>2</td>
                        <td>请假模板</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-times"></i></a></td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <!--分页符-->
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>


        <!--申请管理-->
        <div class="tab-pane fade" id="apply">
            <div class="col-l-12" style="margin-top: 50px">
                <form action="#">
                    <select name="" id="" type="text" class="templet">
                        <option value="">请假模板</option>
                        <option value="">申请模板</option>
                        <option value="">3</option>
                        <option value="">4</option>
                    </select>
                    <button class="templet_b" type="submit">确定</button>
                </form>
            </div>

            <div class="well">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th class="v">申请名称</th>
                        <th class="vv">申请时间</th>
                        <th class="vv">申请状态</th>
                        <th class="v">撤回</th>
                        <th class="v">详情</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>出差模板</td>
                        <td>审核中</td>
                        <td><a href="#"><i class="fa fa-times"></i></a></td>
                        <td><a href="申请管理详情页面.html"><i class="fa fa-file-text"></i></a></td>
                    </tr>

                    <tr>
                        <td>2</td>
                        <td>请假模板</td>
                        <td>审核中</td>
                        <td><a href="#"><i class="fa fa-times"></i></a></td>
                        <td><a href="申请管理详情页面.html"><i class="fa fa-file-text"></i></a></td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <!--分页符-->
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    </div></div>
</body>
</html>
